import React from "react";
import {createStyles} from "antd-style";
import VideoSelector from "@/components/page/VideoPage/VideoSelector.tsx";
import VideoPlayer from "@/components/page/VideoPage/VideoPlayer.tsx";
import {Button} from "antd";

const useStyle = createStyles(({css, token}) => {
    return {
        container: css`
            height: 100vh;
            width: 100vw;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            .controls {
                display: flex;
                position: absolute;
                left: 20px;
                bottom: 20px;
            }
        `,
    }
})

const Index: React.FC = () => {
    const {styles} = useStyle();
    return (
        <div className={styles.container}>
            <VideoPlayer/>
            <VideoSelector/>
            <div className="controls">
                <Button onClick={() => {
                    history.back()
                }}>返回</Button>
            </div>
        </div>
    )
}

export default Index;
